@import "../mixins/common";
@import "site-nav";
@import "header";



/*轮播广告*/
 .banner-slider{
	 overflow:hidden;
	 position:relative;
	 width:100%;
	 height:500px;
	 top:-38px;
	 background:orange;
	 img{
		 width:100%;
		 height:500px;
	 }
	 .dot{
		 position:absolute;
		 bottom:12px;
		 left:43%;
		 height:12px;
		 zoom:1;
		 z-index:3;
		 .on{
			background:#5aaa16; 
		 }
		 li{
			 oveflow:hidden;
			 float:left;
			 width:12px;
			 height:12px;
			 background:#fff;
			 margin:0 5px;
			 border-radius:50%;
			 cursor:pointer;
		 }
	 }
 }
/*活动、广告位*/ 
 .ad-item{
	 margin-top:-25px;
	 ul{
		 zoom:1;
		 margin-left:-12px;
		 margin-top:10px;
		 padding-top:7px;
		 li{
			 position:relative;
			 overflow:hidden;
			 float:left;
			 display:inline;
			 width:290px;
			 height:290px;
			 background:blue;
			 margin:0 0 10px 13px;
			 p{
				 position:absolute;
				 bottom:0;
				 left:0;
				 right:0;
				 width:270px;
				 line-height:25px;
				 margin:10px;
				 color:#575757;
				 text-align:center;
				 white-space:nowrap;
				 overflow:hidden;
				 text-overflow:ellipsis;
				 background:rgba(255,255,255,0.9);
				 b{
					 display:block;
					 font:bold 22px "microsoft YaHei";
					 white-space:nowrap;
					 overflow:hidden;
					 text-overflow:ellipsis;
				 }
			 }
		 }
		 li:hover{
			 box-shadow:-7px 7px 10px #727272;
		 }
	 }
 }

/*商品楼层*/
.floor{
	clear:both;
	position:relative;
	.floor-title{
		padding-top:20px;
		position:relative;
		height:32px;
		line-height:32px;
		margin-bottom:5px;
		h2{
			float:left;
			height:32px;
			font:bold 18px "Microsoft YaHei";
			a{
				color: #fc5f3c;
			}
		}
		i{
			display:inline-block;
			width:31px;
			height:18px;
			margin-right:10px;
			padding:10px 7px 4px 7px;
			color:#fff;
			font:bold 14px "Microsoft YaHei";
			vertical-align:text-bottom;
			background:url(../../static/images/floor_tit_icon.png) no-repeat left top;
		}
		.keyword{
			float:right;
			a{
				color:#4e4e4e;
			}
			a:after {
				content: "|";
				padding: 0 7px;
			}
			.last:after{
				content:"";
			}
		}
	}
	.floor-side{
		float:left;
		width:275px;
		height:462px;
		a{
			display:block;
		}
	}
	.floor-layout2{
		.floor-main{
			width:924px;
			height:462px;
			border-top:1px solid #d5d5d5;
			border-left:1px solid #d5d5d5;
			li{
				float:left;
				overflow:hidden;
				width:230px;
				height:230px;
				border-right:1px solid #d5d5d5;
				border-bottom:1px solid #d5d5d5;
			}
			li.wide{
				width: 461px;
			}
		}
	} 
	.floor-layout3{
		.floor-main{
			width:923px;
			height:461px;
			border:1px solid #d5d5d5;
			.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9{
				float:left;
				overflow:hidden;
			}
			.col1{
				width:234px;
				height:383px;
				border-right:1px solid #d5d5d5;
				border-bottom:1px solid #d5d5d5;
				
			}
			.col2{
				width:442px;
			}
			.col3 {
				width: 246px;
				height: 461px;
			}
		}
		.logo-list {
			overflow: hidden;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 654px;
			height: 55px;
			padding: 11px;
			_padding: 10px 11px;
			border-right: 1px solid #d5d5d5;
			background: #fff;
			a{
				float: left;
				margin: 0 14px;
			}
		}
		li{
			float: left;
			overflow: hidden;
			height: 191px;
			border-right: 1px solid #d5d5d5;
			border-bottom: 1px solid #d5d5d5;
			background: #fff;
		}
		.narrow{
			width:220px;
		}
		
		
	}
	.floor-main{
		position:relative;
		float:left;
		background:#fff;
	}
}

 /*楼层引导*/ 
 .floor-guide{
	 overflow:visible;
	 position:fixed;
	 top:200px;
	 left:2%;
	 width:35px;
	 height:359px;
	 z-index:100;
	 text-align: center;
	 li{
		 position:relative;
		 display:block;
		 width:40px;
		 height:40px;
		 line-height:40px;
		 color:#fff;
		 word-wrap:break-word;
		 cursor:pointer;
		b{
			display:block;
			width:40px;
			height:40px;
			visibility:visible;
			background:url(../../static/images/floor_guide.png)no-repeat 0 0;
		}
		
		 em{
			 position:absolute;
			 top:0;
			 left:0;
			 display:block;
			 overflow:hidden;
			 width:24px;
			 height:29px;
			 padding:6px 8px;
			 line-height:14px;
			 visibility:hidden;
			 font-style: normal;
		 }
		  .icon_02{
			 background-position: -40px 0;
		 }
		  .icon_03{
				 background-position: -160px 0;
		 }
		  .icon_04{
				 background-position: -80px 0;
		 }
		  .icon_05{
				 background-position: -120px 0;
		 }
		  .icon_06{
				 background-position: -320px 0;
		 }
		  .icon_07{
				 background-position: -200px 0;
		 }
		  .icon_08{
				 background-position: -360px 0;
		 }
		  .icon_09{
				 background-position: -280px 0;
		 }
	 }
	 li:hover em{
		 visibility:visible;
		 color:#fff;
		 background:#008842;
	 }
	 .current{
		 em{
			 visibility: visible; 
			 color: #fff;
			 background-color: #008842;
		 }
		 b{
			 display:none;
		 }
	 }
	 .icon-01{
		 background-position: 0 0;
		 em{
			 visibility:visible;
			color:#fff;
			background:#008842;
		 }
	 }
	
	 .active{
		 background:#008842;
	 }
	 
 }
 
 /*侧边悬浮*/
.siderbar{
	width:56px;
	displlay:block;
	z-index:100;
	position:fixed;
	bottom:20px;
	right:2%;
	.s-btn{
		overflow:hidden;
		display:block;
		width:50px;
		height:42px;
		margin-bottom:10px;
		background:url(../../static/images/sidebar.png) no-repeat left top;
	}
	.service{
		background-position:0 -46px;
	}
	.service:hover{
		background-position:-56px -46px;
	}
	.goTop{
		background-position:0 0;
	}
	.goTop:hover{
		background-position:-56px 0;
	}
}

.footer-service{
	background:#e0e0e0;
	margin-top:50px;
	padding:30px 0;
	li{
		float:left;
		width:190px;
		height:42px;
		margin-left:55px;
		padding-left:55px;
		background:url(../../static/images/footer_service_icon.png) no-repeat left top;
		b{
			display:block;
			padding-left:15px;
			color:#007f4d;
			font:normal 18px/25px 'microsoft YaHei';
			border-left:1px solid #a6a6a6;
		}
		span{
			display:block;
			padding-left:15px;
			border-left:1px solid #a6a6a6;
		}
	}
	.s1{
		background-position:0 0;
	}
	.s2{
		background-position:0 -42px;
	}
	.s3{
		background-position:0 -84px;
	}
	.s4{
		background-position:0 -126px;
	}
	
}
.acc {
	@include opacity(0.8);
	@include clearfix()
}